Top 16 Useful jQuery Slideshow Transitions Examples

1. Lush - Content Slider

featured image

The animation system is completely extensible allowing to add more animations and transitions easily just like adding new CSS classes. jQuery 2. Added support for jQuery 2. Update to jQuery 1.

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.jQuery 1.7 – jQuery 2.Powerful CSS Transitions with jQuery FallBack

Change Speed of Transitions

Set different End and Start Transitions of Captions

Slideshow Design

More Details

4. iCarousel™

featured image

iCarousel is a powerful mobile-friendly and image gallery jQuery plugin that allows you to arrange a set of images in a carousel layout.jQuery capabilities. Auto slideshow with optional pause on hover. Fast, hardware accelerated CSS3 transitions. * Fixed jQuery fallback animation bugs. * Added jQuery fallback animation. * Added easing for jQuery fallback animation.

More Details

5. jQuery Product Slider Plugin

featured image

The Product Slider is a jQuery plugin slider content you can use to display your images, Youtube or Vimeo videos. Auto delay slideshow, paused when user hover the image. Graceful degradation, it will works on the browser which don’t support CSS3 transitions too.slideShow: false, // auto delay slideshow

slideShowDelay: 4000 // the delay second of the slideshow

jQuery OneByOne Slider Plugin:

More Details

6. Responsive KenBurner Slider jQuery Plugin

featured image

Responsive KenBurner Slider jQuery Plugin

Responsive KenBurner Slider jQuery Plugin is the premium way of using a slider in your website. You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome.And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too. jQuery Conflict free plugin

No! It is the typical way of implementing a jQuery plugin.

More Details

7. Saloon - The jQuery Banner Rotator Plugin

featured image

Saloon – The jQuery banner slideshow animates your image and text slides with transition effects of the wide library. Easy installation, state-of-the-art transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.No! It is the typical way of implementing a jQuery plugin.Conflictfree jQuery Plugin

More Details

8. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

The Crystal Gallery jQuery plugin provides a customizable, one-of-a-kind gallery look to fit all your image presentation needs. 4 types of photo changing transitions

Autoplay slideshow option

uk/sandbox/jquery/easing/jquery.com/brandonaaron/jquery-mousewheel

More Details

9. The Fusion of Tabs and Slider with jQuery

featured image

Auto slideshow with optional pause and play button.15 Different Effects Between Transitions.

More Details

10. Sky jQuery Touch Carousel

featured image

Sky jQuery Touch Carousel is a jQuery carousel with slider control plugin with rich set of features. Auto slideshow and loop. Uses CSS3 transitions.

More Details

11. Ether Grid Slider jQuery Plugin

featured image

Ether Grid Slider is an extremally functional jQuery plugin designed for transforming any type of content into practical grids and/or sliders. Custom transitions, sliding axes, and more

Fixed: jQuery 2.Added: Easing effects for slide transitions

More Details

12. ajSlideshow: A jQuery Gallery Slideshow Plugin

featured image

A plugin slideshow jQuery plugin is a perfect slideshow and it is as it looks.No, its real easy, you can use this plugin as most of other available jQuery plugins.Supports images of different dimensions, images bigger than slideshow area will be auto-reized to fit the view.A True jQuery Plugin.5 simple slide transitions : slide left/right/up/down and fade.

More Details

13. KenBurner Slider jQuery Plugin

featured image

KenBurner Slider jQuery Plugin What is it? Kenburner is the premium way of using a slider in your website. In Chrome the fadeover transitions are swapped against slide transitions to ignore the Canvas Bug in Chrome

You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome. And if you use a browser which does not this it will FallBack to a jQuery version. Or go nuts and choose “Random”! And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too.Image and Thumbs fully resizable Using Canvas Animation with FallBack to hover CSS animation and also with FallBack to jQuery Optional Ken Burns effect Unlimited Caption Layers Unlimited Slides Customizable Ken Burns Effect (StartEnd-Position and Zoom or Random) iPhone/iPad & Android Swipe Touch enabled jQuery Conflict free plugin Customizable 100% via Plugin Parameters / CSS / HTML Easy installation in your Website Special Easing Example Page included Example Picture Effect Instruction PSD included 2 Pictures are used for Hover-Effects, so you can build every effect you wish (blur, greyscale…) with your favorite image tool

Is it hard to implement? No! It is the typical way of implementing a jQuery plugin.

More Details

14. DZS Testimonial Rotator - jQuery powered

featured image

Want an awesome way to display your clients reviews on your site ? This is the widget for you! Customize everything from text and author to slideshow times and transitions.multiple transitions – features multiple transitions to make a cool user experience

jquery

More Details

15. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

390+ caption effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

HTML caption with animation (390+ caption transitions)

Auto slideshow with optional pause on hover

More Details

16. Jssor Slider No-jQuery Version, TOUCH RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

390+ caption effects/transitions

Jssor slider comes with 390+ impressive caption effects/transitions

Move, fade, clip, zoom and rotation transitions are all supported for all browsers

HTML caption with animation (390+ caption transitions)

Auto slideshow with optional pause on hover

More Details

17. Slider Revolution Responsive jQuery Plugin

featured image

Slider Revolution! Responsive jQuery Plugin The Revolution is here!

See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS!

jQuery 1.JQuery-only Version: Slider Revolution Responsive Wordpress Plugin

Using CSS Animation with FallBack to jQuery

jQuery Conflict free plugin

Countless Art of Transitions

Feature: jQuery 2.Feature: jQuery 2.Feature: Changed Caption Animation from jQuery image animation against CSS Animations. Fullwidth transitions are going to stay in box, and timed well

feature: added first slide transition, that can be various from the other transitions.Support: jQuery 1.Updated jQuery Transition Plugin to 0.Feature to set different End and Start Transitions of Captions

Bug Fix for animate jQuery UI

New Transitions like papercut, flyin, 3D curtain, Cube, TurnOff has been added

IE9 and IE8 transitions reduced to None CSS3 Transitions

0 and jQuery 1.js) has been added for better and smoother Transitions

jQuery 1.72 and jQuery 1.Feature added : slidehorizontal and slidevertical transitions has been added, where depending on slide order and navigation direction slides moved out to the left / right or to the top or bottom

bug fix: jQuery 1.Feature added: Random Transitions with random Slots can be used now

IE7 and IE8 bug has been repaired by slot slide, slot fade and boxfade transitions.

More Details